<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>节点运行统计</title>
<link rel="stylesheet" type="text/css" href="../../../css/reset.css" />
<link rel="stylesheet" type="text/css" href="../../../css/css.css" />
<link rel="stylesheet" type="text/css"
	href="../../../js/jquery-easyui-1.4.3/themes/default/easyui.css" />
<link rel="stylesheet" type="text/css"
	href="../../../js/jquery-easyui-1.4.3/themes/icon.css" />
<link rel="stylesheet" type="text/css"
	href="../../../css/colorReset.css" />
<style type="text/css">
.main {
	overflow: hidden;
}

.table_con {
	/*border:1px solid #95B8E7;*/
	border-bottom: none;
	margin: 10px 0 0 0;
}

.table_con th {
	font-weight: bold;
	text-align: center;
}

.table_con td {
	text-align: center;
	/*border:1px solid #95B8E7;*/
	border: 1px solid #ced6db;
}

.log_table td {
	text-align: left;
}

.datagrid-htable td, .datagrid-btable td {
	padding: 5px 0 5px 5px;
}

.text_left table td {
	text-align: left;
}
</style>

</head>

<body>


	<div class="main">
		<!-- 检索区域开始 -->
		<div class="sel_div">
			<table cellpadding="0" cellspacing="0" class="sel_con">
				<tr>
					<th colspan="7">数据检索</th>
				</tr>
				<tr>
					<td style="width: 230px;"><label>节点：</label><input type="text"
						name="comboxNode" id="comboxNode" class="text" /></td>
					<td style="width: 230px"><label style="width: 90px;">日志记录时间：</label><input
						type="text" name="txtBeginTime" id="txtBeginTime" editable="false"
						class="text easyui-datetimebox"
						validType="dateValid['#txtBeginTime','#txtEndTime']" /></td>
					<td><label style="width: 23px; text-align: left">到</label> <input
						type="text" id="txtEndTime" name="txtEndTime" editable="false"
						class="text easyui-datetimebox"
						validType="dateValid['#txtBeginTime','#txtEndTime']" /></td>
					<td>&nbsp;</td>
					<td><button onclick="onSearch()"
							class="query_btn easyui-linkbutton" iconCls="icon-search">查询</button></td>
					<td>
						<button class="query_btn easyui-linkbutton" iconCls="icon-reset"
							onclick="onReset()">重置</button>
					</td>
					<td>
						<button onclick="exportData()"
							class="default_btn easyui-linkbutton" iconCls="icon-export">导出</button>
					</td>
				</tr>

			</table>
		</div>
		<!-- 检索区域结束 -->
		<div class="table_con">
			<table cellpadding="0" cellspacing="0" class="sel_con">
				<tr>
					<th>节点名称</th>
					<th>IP地址</th>
					<!-- <th>端口</th> -->
					<th>类型</th>
				</tr>
				<tr class="loading_con">
					<td class="lb_none" id="kettName">加载中...</td>
					<td id="kettHostName">加载中...</td>
					<!-- <td id="keetPort">加载中...</td> -->
					<td class="rb_none" id="kettIsMaster">加载中...</td>
				</tr>
			</table>
		</div>
		<div class="data_con">
			<table id="datagrid" data-options="fitColumns:true">
			</table>
		</div>
		<!-- <div class="table_con">
 <table cellpadding="0" cellspacing="0" class="sel_con log_table">
	<tr>
    	<th width="20%">记录时间</th>
        <th width="80%">日志内容</th>
    </tr>
    <tr>
    	<td class="lb_none">2015-09-12 00:00:30.560</td>
		<td class="rb_none">Kettle服务节点监控程序启动成功</td>
    </tr>
    <tr>
    <td class="lb_none">2015-09-12 00:00:00.670</td>
    <td class="rb_none">Kettle服务节点看门狗程序启动成功</td>
    </tr>
    <tr>
    <td class="lb_none">2015-09-12 15:21:00.680</td>
    <td class="rb_none">服务器内存占用率93%</td>
    </tr>
    <tr>
    	<td class="lb_none">2015-09-12 15:25:00.575</td>
        <td class="rb_none">侦测到Kettle服务节点没有正常运行，调用看门狗程序启动Kettle服务节点</td>
     </tr>
     <tr>
     	<td class="lb_none">2015-09-12 15:26:01.640</td>
        <td class="rb_none">看门狗程序调用成功，Kettle服务节点正在运行</td>
        </tr>
        <tr>
        <td class="lb_none">2015-09-12 15:27:00.660</td>
        <td class="rb_none">服务器CPU占用率98%</td>
      </tr>
      <tr>
      	<td class="lb_none">2015-09-12 15:28:00.340</td>
        <td class="rb_none">服务器网络负载率90%</td>
       </tr>
 </table>
 </div>-->



	</div>
	<script type="text/javascript" src="/webjars/json3/3.3.2/json3.min.js"></script>
	<script type="text/javascript"
		src="../../../js/jquery-easyui-1.4.3/jquery.min.js"></script>
	<script type="text/javascript"
		src="../../../js/jquery-easyui-1.4.3/jquery.easyui.min.js"></script>
	<script type="text/javascript"
		src="../../../js/jquery-easyui-1.4.3/locale/easyui-lang-zh_CN.js"></script>
	<script type="text/javascript" src="../../../js/cook/public.js"></script>
	<script type="text/javascript" src="../../../js/cook/constants.js"></script>
	<script type="text/javascript" src="../../../js/cook/FormValidate.js"></script>
	<script type="text/javascript"
		src="../../../js/cook/InterfaceMonitoring/NodeMonitoring/KettleServerLog.js"></script>
	<script type="text/javascript">

</script>
</body>
</html>